<div class="login-main">
  <div class="container   clearfix">
    <div class="login-warp col-md-5 col-xs-12 pull-right">
      <!-- 登录 -->
      <div class="login-content">
        <form #loginForm="ngForm" class="form-horizontal">
          <div class="login-header clearfix">
            <div class="login-taps">
              <a href="javascript:;" class="login-tap login-tap-active">登录</a>
              <!--/-->
              <!--<a href="javascript:;" class="login-tap" routerLink="/home/register">注册</a>-->
            </div>
          </div>

          <div class="login-input-warp">
            <label for="username"></label>
            <input type="text" name="userName" [(ngModel)]="username" required class="login-input" id="username" placeholder="手机号/邮箱">
          </div>
          <div class="login-input-warp">
            <label for="password"></label>
            <input type="password" name="password" [(ngModel)]="password" required class="login-input" id="password" placeholder="密码">
          </div>


          <!--<div class="login-operation clearfix">-->
            <!--<div class="pull-left">-->
              <!--<div class="checkbox">-->
                <!--<label>-->
                  <!--<input type="checkbox">记住密码-->
                <!--</label>-->
              <!--</div>-->
            <!--</div>-->
            <!--<a routerLink="/home/forgetPsd" class="pull-right">忘记密码</a>-->
          <!--</div>-->

          <div *ngFor="let alert of alerts">
            <alert [type]="alert.type" dismissible="true">{{ alert.msg }}</alert>
          </div>

          <button [disabled]="!loginForm.form.valid || isLoading" type="submit" class="btn-login btn btn-lg" (click)="login()">{{ isLoading ? '登录中' : '登录' }}</button>
        </form>
      </div>
    </div>
  </div>
</div>

